html, body {
    width: 100%;
    height: 100%;
    border: none;
}

body {
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size:11px;
}

.wrapper {
    display: block;
    position: relative;
    min-height: 100%;
    height: 100%;
    width: 100%;
    min-width: 800px;
    overflow: hidden;
}

.viewer {
    width:100%;
    height:100%;
    position: relative;
}

.content {
    position:absolute;
    top:0px;
    height:100px;
    width:100%;
    background-color:#ffffff;
    z-index:10;
}

#header {
    left:10px;
    top:10px;
    height:28px;
    width:700px;
    position:absolute;
    border: 2px solid #FF9500;
    background-color:#ffffff;
    z-index:20;
}

#menu {
    padding:2px;
    height:auto;
    width:auto;
    float:left;
}

.small {
    font-size:9px;
}

#show_settings {
    color:#000000;
}

#arr {
    font-family:Arial;
    font-size:12px;
    float:right;
    width:auto;
    height:auto;
    padding-left:3px;
    cursor:pointer;
}

#info {
    left:15px;
    top:40px;
    height:80%;
    width:690px;
    position:absolute;
    border: 2px dashed #FF9500;
    background-color:#ffffff;
    z-index:15;
    display:none;
}

#info .text {
    margin:5px;
    width:95%;
    height:100%;
    overflow:auto;
}

#footer {
    display:block;
    border:0;
    right:10px;
    top:100px;
    font-size:9px;
    background-color:#ffffff;
    z-index:6000;
}
